@charset "utf-8";

/* global */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body, th, td, input, select, textarea{margin:0; padding:0; font-family:'Nanum Gothic', 'nanumgothic'; line-height:1.5em; font-size:12px; color:#666; }


fieldset, img { border:0; }

/* 기본 링크 스타일 */
a:link{color:#666;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover, a:focus{ text-decoration:underline; color:#000;}
a:active{text-decoration:none;}
/* //기본 링크 스타일 */

/* 텍스트 내 식별 어려운 링크 스타일 */
a.blue:link, a.blue:visited, a.blue:hover, a.blue:active{color:#438aec; text-decoration:underline;}
a.red:link, a.red:visited, a.red:hover, a.red:active{ color:#ed1c24; text-decoration:underline;}
a.brown:link, a.brown:visited, a.brown:hover, a.brown:active{color:#9f5f00; text-decoration:underline;}
a.green:link, a.green:visited, a.green:hover, a.green:active{color:#1d806e; text-decoration:underline;}
/* //텍스트 내 식별 어려운 링크 스타일 */

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input,select, textarea{margin:0; padding:0; font-family:'Nanum Gothic', 'nanumgothic';}
ul, ol, li {list-style:none;}
legend,hr{display:none;}
p{text-align:justify;}

h1, h2, h3, h4, h5, h6{font-size:100%}
table{border-collapse:collapse;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}
colgroup, nobr, thead{margin:0;padding:0;}

.hand{ cursor:pointer;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{* zoom:1}

/* 숨김영역 */
.skip, hr, legend, caption {position : absolute;width : 0;height : 0;font-size : 0;line-height : 0;overflow : hidden;border:0px;display:none;visibility: hidden;}

 /* skipNavi */
#divAccessibility {width: 100%; overflow: hidden; position: relative; z-index: 1000;}
#divAccessibility a {margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block;}
#divAccessibility a:focus {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 700;}
#divAccessibility a:hover {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 700;}
#divAccessibility a:active {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; font-weight: 700;}

/* 입력폼 */
input[type="text"] {height:28px; line-height:28px; border:1px solid #cccccc; text-indent:10px;}
input[type="password"] {height:28px; line-height:28px; border:1px solid #cccccc; text-indent:10px;}
select {height:28px; line-height:26px; border:1px solid #d2d2d2; padding:1px 1px 1px 0; padding-left:10px;}
.type_txta {width:410px; height:78px; padding:5px 0 0 5px; border:1px solid #cccccc; overflow-y: scroll;}
.type_txta2 {width:742px; height:105px; padding:5px 0 0 5px; border:1px solid #cccccc; overflow-y: scroll;}
.type_txta_citi {width:410px; height:215px; padding:5px 0 0 5px; border:1px solid #cccccc; overflow-y: scroll; }
label.radio{ display:inline-block; margin-right:10px;}


/* placeholder */
.placeholder{ position:relative; display:inline-block; z-index:1; overflow:hidden;}
.placeholder input{ position:relative; z-index:1;}
.placeholder .placeholderTx{ position:absolute; white-space:nowrap; left:6px; top:4px; font-size:12px; color:#999; z-index:2; cursor:text;}
.placeholder input.focus{ z-index:3;}
.placeholder textarea{ position:relative; z-index:1;}
.placeholder textarea.focus{ z-index:3;}

/* padding, margin */
.fontRed{ color:#fb2300 !important;}
.fontRed *{ text-decoration:underline;}
.mgl10{ margin-left:10px !important;}
.mgt5{ margin-top:5px !important;}
.mgt10{ margin-top:10px !important;}
.mgt20{ margin-top:20px !important;}
.mgt30{ margin-top:30px !important;}

.btnSc{position:relative;clear:both; margin:20px 0 0 0; text-align:center;}
.btnSc .left{position:absolute;left:0;top:0;}
.btnSc .right{position:absolute;right:0; top:0;}
.btnSc.aleft{text-align:left;}
.btnSc.aright{text-align:right;}